<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui">
    <body>
        <ui:composition template="/WEB-INF/templates/template.xhtml">                    
            <style type="text/css">
                .ui-datepicker{
                    font-size: 9pt;
                }
                .ui-button{
                    font-size: 12pt;           
                }
            </style>
            <ui:define name="toolbar">                  
                <h:form id="formToolbarClientePersona" >
                    <ui:include src="/WEB-INF/templates/toolbarCliente.xhtml"/>
                </h:form>  
            </ui:define>      
            <ui:define name="body">            
                <h:outputText value="Ingrese los siguientes Datos:" style="font-size: 15px; font-weight: bold;position: absolute; left: 15px;top:14px" /> 
                <p:separator style="left: 15px; top:24px; position: absolute; width: 550px" />
                <br/>
                <p:panel id="panelClientePersona" widgetVar="panel" visible="true" style="border-width: 0px; left: 0px;"   > 
                        <h:form id="formIngresoClientePersona" >
                            <p:panel id="panelLabel"  style="left: 15px; top:42px;width: 130px; height: 295px; position: absolute">
                                <h:outputText id="labelNumeroClientePersona" style="vertical-align: middle;text-align: right ; height: 20px ;width: 110px;font-weight: bold;left: 15px; top: 15px;position: absolute ;  font-size: 12px" value="Cliente Numero:"/>
                                <h:outputText id="labelCedulaClientePersona" style="vertical-align: middle;text-align: right;height: 20px ; width: 110px;font-weight: bold;left: 15px; top: 45px; position: absolute; font-size: 12px "      value="* Cedula:"/>
                                <h:outputText id="labelNombreClientePersona" style="vertical-align: middle;text-align: right;height: 20px ; width: 110px;font-weight: bold;left: 15px; top: 75px; position: absolute; font-size: 12px "    value="* Nombre:"/>
                                <h:outputText id="labelDireccionClientePersona" style="vertical-align: middle;text-align: right;height: 20px ; width: 110px;font-weight: bold;left: 15px; top: 105px; position: absolute; font-size: 12px " value="* Dirección:"/>
                                <h:outputText id="labelTelefonoClientePersona" style="vertical-align: middle;text-align: right; height: 20px;width: 110px;font-weight: bold;left: 15px; top: 135px; position: absolute; font-size: 12px "  value="* Teléfono Fijo:"/>
                                <h:outputText id="labelCelularClientePersona" style="vertical-align: middle;text-align: right; height: 20px ;width: 110px;font-weight: bold;left: 15px; top: 165px; position: absolute; font-size: 12px "   value="* Teléfono Celular:"/>
                                <h:outputText id="labelPrioridadClientePersona" style="vertical-align: middle;text-align: right; height: 20px ;width: 110px;font-weight: bold;left: 15px; top: 195px; position: absolute; font-size: 12px "   value="* Prioridad Cliente:"/>
                                <h:outputText id="labelFechaClientePersona" style="vertical-align: middle;text-align: right; height: 20px;width: 110px;font-weight: bold;left: 15px; top: 225px; position: absolute; font-size: 12px "     value="* Fecha Ingreso:"/>
                            </p:panel>
                            <p:inputText binding="#{clienteWeb.textNumeroCliente}"  id="textNumeroClientePersona" disabled="true" style="width: 150px;left: 160px; top:54px; position: absolute; font-size: 12px "/>
                            <p:inputText binding="#{clienteWeb.textCedulaCliente}"  id="textCedulaClientePersona" validatorMessage="Ingrese solamente numeros"  maxlength="10" requiredMessage="Ingrese cedula" style="width: 150px;left: 160px; top:84px; position: absolute; font-size: 12px ">
                                <f:validateRegex pattern="[0-9 ]*"   />
                            </p:inputText>
                            <p:inputText binding="#{clienteWeb.textNombreCliente}" id="textNombreClientePersona" requiredMessage="Ingrese nombre" style="width: 400px;left: 160px; top:114px; position: absolute; font-size: 12px " />
                            <p:inputText binding="#{clienteWeb.textDireccionCliente}" id="textDireccionClientePersona" requiredMessage="Ingrese dirección" style="width: 400px;left: 160px; top:144px; position: absolute; font-size: 12px " />
                            <p:inputText binding="#{clienteWeb.textTelefonoCliente}" id="textTelefonoClientePersona" validatorMessage="Ingrese solamente numeros"  requiredMessage="Ingrese numero de teléfono" style="width: 150px;left: 160px; top:174px; position: absolute; font-size: 12px ">
                                <f:validateRegex pattern="[0-9 ]*"  />
                            </p:inputText>
                            <p:inputText binding="#{clienteWeb.textCelularCliente}" id="textCelularClientePersona" validatorMessage="Ingrese solamente numeros"  requiredMessage="Ingrese numero celular" style="width: 150px;left: 160px; top:204px; position: absolute; font-size: 12px " >
                                <f:validateRegex pattern="[0-9 ]*"  />
                            </p:inputText>
                            <h:selectOneMenu binding="#{clienteWeb.comboPrioridadClientePersona}" id="comboPrioridadClientePersona"  title="1/10 es la prioridad más alta" requiredMessage="Seleccione la prioridad para el cliente" style="width: 130px;left: 160px; top:236px; position: absolute; font-size: 12px " >
                                <f:selectItems value="#{clienteWeb.cargaCombo()}" />
                            </h:selectOneMenu>           
                            <p:calendar binding="#{clienteWeb.calFechaIngresoCliente}" id="textFechaClientePersona" requiredMessage="Ingrese la fecha" size="10"  mode="popup" showOn="button" navigator="true"  pattern="yyyy-MM-dd" style="left: 165px; top:264px; position: absolute; font-size: 9pt"  />
                            <h:inputHidden binding="#{clienteWeb.hiddenPersonaEmpresa}" id="hiddenTextPersona" value="P"/>
                            <p:separator style="left: 160px; top:292px; position: absolute; width: 400px" />
                            <p:commandButton id="botonGuardar" ajax="false" type="Submit" value="Guardar" actionListener="#{clienteWeb.clicBotonIngresarCliente()}" style="font-size: 12px ;left: 160px; top:309px; width: 120px; position: absolute" icon="ui-icon-disk"  />
                            <p:commandButton id="botonBorrar" ajax="false" value="Borrar Datos"  actionListener="#{clienteWeb.borrarDatos()}" type="submit" update="@this" style="font-size: 12px ;left: 290px; top: 309px; position: absolute; width: 120px" icon="ui-icon-trash" />
                        </h:form>
                </p:panel>
                <p:confirmDialog message="" binding="#{clienteWeb.confirmDialogoClientePersona}" id="diaglogoClientePersona"  header="" widgetVar="confirmDialogoClientePersona"   >                    
                </p:confirmDialog>
            </ui:define>
        </ui:composition>
    </body>
</html>